/* 内容部分 Start */

/* 广告部分 Start */
.ad {
    width: 100%;
    height: .65rem;
}

.ad img {
    height: 100%;
    border-radius: .08rem;
}

/* 广告部分 End */

/* 选片题头部分 Start */
.content {
    width: 100%;
    margin-top: .1rem;
    padding: .05rem .1rem .1rem;
    position: relative;
}

.content .box-header {
    position: sticky;
    top: 1.03rem;
    width: calc(100% + .02rem);
    margin-left: -.01rem;
    background-color: white;
    /* border: .01rem solid; */
}

.content .box-title {
    font-size: .2rem;
    font-weight: 700;
    width: 100%;
    height: .41rem;
    color: #888;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.content .box-title a {
    display: block;
    padding: 0rem .1rem 0rem 0rem;
    height: .15rem;
    line-height: .15rem;
}

.content .box-title a+a {
    padding-left: .1rem;
    border-left: .01rem solid silver;
}

.content .box-title .activ {
    color: rgb(51, 51, 51);
}

.content .box-nav {
    width: 100%;
    height: .33rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.content .box-nav .tab {
    height: 100%;
    display: flex;
}

.content .box-nav input {
    display: none;
}

.content .box-nav label {
    font-size: .15rem;
    font-weight: 500;
    display: flex;
    color: #888;
    align-items: center;
}

.content .box-nav label span {
    display: block;
}

.content .box-nav input:checked+label span {
    transform: rotate(180deg);
}

.content .box-nav .tab input:checked~.filter-intro {
    display: flex;
}

.content .box-nav .tab .filter-intro {
    display: flex;
    position: absolute;
    background-color: white;
    /* border: .01rem solid; */
    top: 0.74rem;
    left: 0;
    right: 0;
    height: .95rem;
    padding: .12rem .08rem;
    flex-wrap: wrap;
    display: none;
}


.content .box-nav .tab:last-of-type .filter-intro {
    height: .44rem;
}

.content .box-nav .tab .filter-intro a {
    font-size: .15rem;
    display: flex;
    align-items: center;
    margin: .04rem .08rem;
    font-weight: 500;
    color: #888;
    height: .15rem;
}

.content .box-nav .tab .filter-intro .a {
    color: rgb(219, 84, 47);
}

/* 选片题头部分 End */
.content .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.content .onload{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .4rem;
    color: #4e5969;
    font-size: .14rem;
}
/* 内容部分 End */